﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>北大青鸟java培训-大数据开发培训推荐北大青鸟IT培训零基础入学</title>
    <meta name="Keywords" content="西安java培训,西安web前端培训,西安大数据培训,西安IT培训,西安北大青鸟">
    <meta name="Description"
        content="北大青鸟西安北大青鸟IT培训中心开设西安java培训课程,web前端开发培训,大数据培训,ACCP软件培训,UI设计师培训等课程,坚持以面授的形式为广大学员提供优质的课程学习,同众多企业合作,让毕业学员能有良好的工作归途,欢迎来电报名学习.">
    <!--build:css inline  -->
    <link rel="stylesheet" type="text/css" href="assets/css/reset.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/layout.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/common_1.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/swiper.min_1.css">
    <link rel="stylesheet" href="assets/css/animate_1.css">
    <link rel="stylesheet" type="text/css" href="assets/css/html5.css" />
    <link rel="stylesheet" href="assets/css/aliplayer-min_1.css" />

    <link rel="stylesheet" type="text/css" href="css/common.css?v=2020" />


    <script src="assets/js/aliplayer-min.js"></script>
    <script src="assets/js/zepto.min.js"></script>

    <!-- /build -->
    <style>
        .l {
            float: left;
        }

        .r {
            float: right;
        }
    </style>
</head>

<body>
    <div class="topbar">
        <div>
            <a href="./index.html">
                <img src="images/logo-01.png" alt="">
            </a>
        </div>
        <div>
            <a href="./index.html">
                <img src="images/logo-02.png" alt="">
            </a>
        </div>
        <div>
            <a href="tel:88212666" class="tel">
                <img src="images/tel.png" alt="" class="icon-tel">
                88212666
            </a>
        </div>
    </div>
    <!-- 大前端时代  start -->
    <div class="section sd_con">
        <div class="title">
            <img src="./assets/picture/title1.png" alt="" class="wow fadeInUp" data-wow-delay="0.2s">
            <p class="wow fadeInRight" data-wow-delay="0.4s">人才缺口巨大，待遇水涨船高</p>
        </div>
        <div class="qj_con">
            <img src="./assets/picture/qj_bg.png" alt="" class="wow fadeIn" data-wow-delay="0.2s">
        </div>
        <!-- tab -->
        <div class="tab_b wow fadeIn" data-wow-delay="0.4s">
            <div class="tab_top">
                <ul class="top clearfix">
                    <li class="active"></li>
                    <li></li>
                    <li></li>
                </ul>
                <div class="bottom_b">
                    <img src="./assets/picture/qc.png" alt="" class="show">
                    <img src="./assets/picture/lg.png" alt="">
                    <img src="./assets/picture/zl.png" alt="">
                </div>
            </div>
        </div>
        <!-- <div class="jy_con">
            <img src="./assets/picture/jl_img.png" alt="" class="wow fadeInUp" data-wow-delay="0.2s">
        </div> -->
    </div>
    <!-- 大前端时代  end -->

 
    <!-- 企业有需求 start -->
    <div class="vs_con">
        <div class="title">
            <img src="./assets/picture/title3.png" alt="" class="wow fadeInUp" data-wow-delay="0.2s">
            <div class="title_f wow fadeInRight" data-wow-delay="0.4s">
                <p>以企业需求为导向提供前端解决方案</p>
            </div>
        </div>

        <div class="vs_list wow fadeIn" data-wow-delay="0.6s">
            <img src="./assets/picture/vs_text.png" alt="">
        </div>
    </div>
    <!-- 企业有需求 end -->


    <!-- 所学技术涵盖 start -->
    <!-- <div class="js_con">
        <div class="title wow fadeInUp" data-wow-delay="0.2s">
            <img src="./assets/picture/title4.png" alt="">
        </div>
        <div class="js_img wow fadeIn" data-wow-delay="0.6s">
            <img src="./assets/picture/js_text.png" alt="">

        </div>
    </div> -->
    <!-- 所学技术涵盖 start -->

    <!-- 课程体系 start -->
    <div class="kc_con">
        <div class="title wow fadeInUp" data-wow-delay="0.2s">
            <img src="./assets/picture/title5.png" alt="">
        </div>
        <div class="title_f wow fadeInRight" data-wow-delay="0.4s">持续自我迭代，始终紧跟企业实际技术选型<br />
            多年来我们一直被模仿，期待被超越！</div>
        <div class="tab_con">

            <ul class="kc_top">
                <li class="active wow fadeInLeft" data-wow-delay="0.6s">新增</li>
                <li class="wow fadeInLeft" data-wow-delay="0.4s">升级</li>
                <li class="wow fadeInLeft" data-wow-delay="0.2s">优化</li>
            </ul>
            <div class="ck_bottom wow fadeIn" data-wow-delay="0.8s">
                <img src="./assets/picture/kc_xz.png" alt="" class="show">
                <img src="./assets/picture/kc_sj.png" alt="">

                <img src="./assets/picture/kc_yh.png" alt="">
            </div>
        </div>

    </div>
    <!-- 课程体系 end -->
    <!-- 11大实战项目 start -->
    <div class="sz_con">
        <div class="title wow fadeInUp" data-wow-delay="0.2s">
            <img src="./assets/picture/title6.png" alt="">
        </div>
        <div class="title_f wow fadeInRight" data-wow-delay="0.4s">
            超<span>40天</span>项目实战 超<span>100个企业</span>技能点 超真实<span>企业项目</span>还原
        </div>
        <div class="sz_fl wow zoomIn" data-wow-delay="0.6s">
            <img src="./assets/picture/sz_fl.png" alt="">
        </div>
        <!-- 贯穿 -->
        <div class="sz_gc">
            <div class="title wow fadeInUp" data-wow-delay="0.2s">
                <img src="./assets/picture/sz_gc.png" alt="">
            </div>
            <!-- tab -->
            <div class="gc_tab">
                <ul class="gc_top">
                    <li class="active wow fadeIn" data-wow-delay="0.4s">青鸟商城</li>
                    <li class="wow fadeIn" data-wow-delay="0.6s">青鸟ERP</li>
                    <li class="wow fadeIn" data-wow-delay="0.8s">青鸟教育</li>
                </ul>
                <div class="gc_tab_b">
                    <ul>
                        <li class="show">
                            <img src="./assets/picture/gif10.gif" alt="">
                        </li>
                        <li>
                            <img src="./assets/picture/gif11.gif" alt="">
                        </li>
                        <li>
                            <img src="./assets/picture/gif12.gif" alt="">
                        </li> 
                    </ul>
                </div>
            </div>
        </div>

        <!-- 公众号 小程序 -->
        <div class="qm_con">
            <div class="title wow fadeInUp" data-wow-delay="0.2s">
                <img src="./assets/picture/sz_qm.png" alt="">
            </div>
            <div class="title_f wow zoomIn" data-wow-delay="0.4s">
                11.12亿的微信用户资源，是无数企业的必争之地
                <br />

                深度剖析多场景小程序核心功能，手把手教你进行开发
            </div>

            <!-- tab -->
            <div class="qm_tab_con wow fadeIn" data-wow-delay="0.8s">
                    <div class="top">
                            <a href="javascript:;" class="active">网易云音乐</a>
                            <a href="javascript:;">网易严选</a>
                            <a href="javascript:;">青鸟图书</a>
                        </div>
              

                        <div class="bottom_con">
                                <div class="qm_l">
                                        <img src="./assets/picture/wyyy_01.gif" alt="" class="show">
                                        <img src="./assets/picture/wyyx03.gif" alt="">
                                        <img src="./assets/picture/xcx01.gif" alt="" class="">
                                    </div>
                                    <div class="qm_r">
                                        <!-- <div class="top">
                                            <a href="javascript:;" class="active">微信公众号</a>
                                            <a href="javascript:;">微信小程序</a>
                                        </div> -->
                                        <div class="qm_r_bottom">
                                            <ul class="show">
                                                <li>
                                                        功能模块
                                                </li>
                                                <li>
                                                        原生小程序技术栈
                                                </li>
                                                <li>
                                                        适配方案
                                                </li>
                                                <li>
                                                        中间层
                                                </li>
                                                <li>
                                                        扩展技术
                                                </li>
                                                <!-- <li>
                                                    扩展技术
                                                </li> -->
                                            </ul>
                                            <ul>
                                                <li>功能模块</li>
                                                <li>UniApp技术栈</li>
                                                <li>适配方案</li>
                                                <li>中间层</li>
                                                <!-- <li>中间层</li> -->
                                                <li>扩展技术</li>
                    
                                            </ul>
                                            <ul>
                                                    <li>功能模块</li>
                                                    <li>Mpvue技术栈</li>
                                                    <li>适配方案</li>
                                                    <li>中间层</li>
                                                    <!-- <li>中间层</li> -->
                                                    <li>扩展技术</li>
                        
                                                </ul>
                                        </div>
                                    </div>
                        </div>
            </div>
        </div>
    </div>
    <!-- 11大实战项目 end -->


    <!-- 课程大纲 start -->
    <div class="ck_dg_con">
        <div class="title wow fadeInUp" data-wow-delay="0.2s">
            <img src="./assets/picture/title7.png" alt="">
        </div>
        <div class="title_f wow fadeInRight" data-wow-delay="0.4s">
            以就业为目标，用实力说话
        </div>

        <!-- 阶段列表 -->
        <div class="jd_con wow fadeIn" data-wow-delay="0.8s">
            <div class="jd_01">
                <img src="./assets/picture/jd01.png" alt="">
                <div class="jd_list clearfix">
                        <span>HTML常用标签</span>
                        <span>盒模型</span>
                        <span>CSS选择器集群</span>
                        <span>伪元素/伪类</span>
                        <span>浮动/定位</span>
                        <span>CSS3动画</span>
                        <span>CSS3过渡</span>
                        <span>CC3渐变</span>
                        <span>经典布局方案</span>
                        <span>2d/3d变换</span>

                        

                    
                </div>
            </div>
            <div class="jd_01">
                <img src="./assets/picture/jd02.png" alt="">
                <div class="jd_list clearfix">
                        <span>变量/内存</span>
                        <span>数据类型</span>
                        <span>条件语句</span>
                        <span>循环语句</span>
                        <span>函数/对象/数组</span>
                        <span>DOM/BOM对象</span>
                        <span>闭包/原型/作用域</span>
                        <span>事件完整解析</span>
                        <span>线程/进程</span>
                        <span>JavaScript继承模式</span>
                        <span>JavaScript算法</span>
                        <span>JavaScript设计模式</span>
                        <span>栈/队列</span>
                        <span>高级函数/函数柯里化</span>

                        

                </div>
            </div>
            <div class="jd_01">
                <img src="./assets/picture/jd03.png" alt="">
                <div class="jd_list clearfix">
                        <span>jQuery发展史</span>
                        <span>jQuery设计模式</span>
                        <span>jQuery优缺点</span>
                        <span>jQueryAPI</span>
                        <span>Less语法特点</span>
                        <span>Less优缺点</span>
                        <span>Less同Stylus,Sass区别</span>
                        <span>Less封装</span>
                        <span>BootStrap框架语法</span>
                        <span>BootStrap响应式原理</span>
                        <span>BootStrap组件应用</span>
                        <span>BootStrap栅格系统源码分析</span>
                                                                        
                </div>
            </div>
            <div class="jd_01">
                <img src="./assets/picture/jd04.png" alt="">
                <div class="jd_list clearfix">
                        <span>ECMAScript6新特性</span>
                        <span>JavaScript异步编程</span>
                        <span>Promise深入剖析</span>
                        <span>Promise源码实现</span>
                        <span>git/npm</span>
                        <span>axios/axios源码</span>
                        <span>Node基础/Node搭建服务器</span>
                        <span>Express/Koa/EJS</span>
                        <span>mongoose/Mongoose</span>
                        <span>原生Ajax/跨域解决方案</span>
                        <span>sha1、MD5加密</span>
                        <span>CMD/AMD/CommonJS/ES6(模块化)</span>
                                                

                </div>
            </div>
            <div class="jd_01">
                <img src="./assets/picture/jd05.png" alt="">
                <div class="jd_list clearfix">
                        <span>Vue核心基础</span>
                        <span>Vue指令/表达式/实例</span>
                        <span>Vue组件通信</span>
                        <span>Vue生命周期详解</span>
                        <span>Vue-router路由</span>
                        <span>Vuex状态管理</span>
                        <span>Vue双向数据绑定原理</span>
                        <span>Vue数据劫持原理</span>
                        <span>Vue性能优化(Diff算法/路由懒加载)</span>
                        <span>Linux常用命令</span>
                        <span>Nginx反向代理</span>
                        <span>阿里云项目部署</span>
                                                

                </div>
            </div>
            <div class="jd_01">
                <img src="./assets/picture/jd06.png" alt="">
                <div class="jd_list clearfix">
                        <span>React核心基础</span>
                        <span>ReactJSX语法</span>
                        <span>React组件</span>
                        <span>React组件通信</span>
                        <span>React-router-dom路由</span>
                        <span>Redux</span>
                        <span>Redux源码分析</span>
                        <span>Redux源码分析</span>
                        <span>webpackHMR(热膜替换)</span>
                        <span>webpack懒加载/预加载</span>
                        <span>webpack源码分析</span>
                        <span>自定义webpack</span>
                                                

                </div>
            </div>
            <div class="jd_01">
                <img src="./assets/picture/jd07.png" alt="">
                <div class="jd_list clearfix">
                        <span>小程序核心语法</span>
                        <span>小程序路由</span>
                        <span>小程序生命周期</span>
                        <span>小程序WXML语法(遍历，条件判断等)</span>
                        <span>自定义组件</span>
                        <span>自定义模板</span>
                        <span>小程序分享</span>
                        <span>小程序分包</span>
                        <span>小程序支付流程</span>
                        <span>Mpvue框架</span>
                        <span>UniApp框架</span>
                        <span>Koa/jwt/RESTFUL</span>
                                                

                </div>
            </div>
         
        </div>
    </div>
    <!-- 课程大纲 end -->


    <!-- 学员风采 start -->
    <div class="fc_con">
        
    </div>

    <!-- 学员风采 end -->

    <div class="clearfix"></div>
    <div class="bottom">
        
    </div>
    <div class="bottm_float">
        <a href="https://dut.zoosnet.net/LR/Chatpre.aspx?id=DUT61557445&cid=019397f5deb5425eb1443f1b3da247c0&lng=cn&sid=019397f5deb5425eb1443f1b3da247c0&rf1=&rf2=&msg=&d=1591262168568&f=1" target="_blank">
            <div class="jj"></div>
            <div class="hidemsgAfter">
                <div class="hidemsg">
                    <p>现在就与学习导师聊一聊</p>
                    <div></div>
                </div>
            </div>
        </a>
    </div>
    <!--build:js js/lib.js   -->
    <script src="assets/js/zepto.min.js"></script>
    <script src="assets/js/selector.js"></script>
    <script src="assets/js/touch.js"></script>
    <script src="assets/js/fx.js"></script>
    <script src="assets/js/fx_methods.js"></script>
    <!-- /build -->
    <!--build:js js/swiper.js   -->
    <script  src="js/swiper.min.js"></script>
    <!-- /build -->
    <!-- build:js inline -->
    <script src="assets/js/common.js"></script>
    <!-- /build -->
    <script src="assets/js/wow.min.js"></script>
    <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        };
    </script>
    <script>
        var zhi1 = document.getElementById("show1");
        var zhi2 = document.getElementById("show2");
        var zhi3 = document.getElementById("show3");
        var tab1 = document.getElementById("tab1");
        var tab2 = document.getElementById("tab2");
        var tab3 = document.getElementById("tab3");

        function on1() {
            zhi1.style.display = "";
            tab1.className = "zhaopin-hover";
            zhi2.style.display = "none";
            tab2.className = "zhaopin";
            zhi3.style.display = "none";
            tab3.className = "zhaopin";
        }

        function on2() {
            zhi1.style.display = "none";
            tab1.className = "zhaopin";
            zhi2.style.display = "";
            tab2.className = "zhaopin-hover";
            zhi3.style.display = "none";
            tab3.className = "zhaopin";
        }

        function on3() {
            zhi1.style.display = "none";
            tab1.className = "zhaopin";
            zhi2.style.display = "none";
            tab2.className = "zhaopin";
            zhi3.style.display = "";
            tab3.className = "zhaopin-hover";
        }
        $(function () {
            var rollH = $("#jyandroid").height();
            var listH = $("#jyandroid .list").height();
            if (listH > rollH) {
                var martop = 0;
                $("#jyandroid .list").clone().attr("class", "").appendTo("#jyandroid");

                function rollText() {
                    martop++;

                    if (martop > listH) {
                        martop = 0;
                        $("#jyandroid .list").css("margin-top", -martop);
                    } else {
                        $("#jyandroid .list").css("margin-top", -martop);
                    }
                }
                var int = setInterval(rollText, 50);

            }
        });
        $(function () {

            var mySwiper = new Swiper('#bannerSwiper', {
                hashnav: true,
                preloadImages: true,
                updateOnImagesReady: true,
                calculateHeight: true,
                pagination: '.swiper-pagination',
                autoplay: 3000,
                loop: true,
                grabCursor: true,
                paginationClickable: true
            });

            // 项目展示

            var mySwiper = new Swiper('#jd9', {
                pagination: '#jdp9',
                paginationClickable: true,
                loop: true,
                autoplay: 5000,
                speed: 1000,
            });

            var swiper = new Swiper('#chatSwiper', {
                slidesPerView: 'auto',
                paginationClickable: true,
                spaceBetween: 30
            });

            // tab 切换
            $('.top li').click(function () {
                var i = $(this).index()
                $('.top li').removeClass('active')
                $(this).addClass('active').siblings().removeClass('active')
                $('.bottom_b img').eq(i).addClass('show').siblings().removeClass('show')
            })

            // 课程体系
            $('.kc_top li').click(function () {
                var index = $(this).index()
                $('.kc_top li').removeClass('active')
                $(this).addClass('active').siblings().removeClass('active')
                $('.ck_bottom img').eq(index).addClass('show').siblings().removeClass('show')
            })

            // 11大项目tab
            $('.gc_top li').click(function () {
                var i = $(this).index()
                $('.gc_top li').removeClass('active')
                $(this).addClass('active').siblings().removeClass('active')
                $('.gc_tab_b ul li').eq(i).addClass('show').siblings().removeClass('show')

            })

            //公众号 tab
            // $('.qm_r .top a').click(function () {
            //     var i = $(this).index()
            //     $('.qm_r .top a').removeClass('active')
            //     $(this).addClass('active').siblings().removeClass('active')
            //     $('.qm_r_bottom ul').eq(i).addClass('show').siblings().removeClass('show')
            //     $('.qm_l img').eq(i).addClass('show').siblings().removeClass('show')
            // })

            $('.top a').click(function () {
                var i = $(this).index()
                $('.top a').removeClass('active')
                $(this).addClass('active').siblings().removeClass('active')
                $('.qm_r_bottom ul').eq(i).addClass('show').siblings().removeClass('show')
                $('.qm_l img').eq(i).addClass('show').siblings().removeClass('show')
            })

        });
    </script>
    <!-- 在线聊天弹窗 -->
    <script src="http://dut.zoosnet.net/JS/LsJS.aspx?siteid=DUT61557445&float=1&lng=cn"></script>
</body>

</html>